import { filterUsertype } from '@/filters/usersFilter';
<template>
  <div >
    <div class="table">
      <div class="title">
        <span>累计担保额(元)</span>
        <span>累计担保户数</span>
        <span>累计担保笔数</span>
      </div>
      <div class="data">
        <span> 1000</span>
        <span>100</span>
        <span>150</span>
      </div>
      <div class="title">
        <span>本年担保额(元)</span>
        <span>本年担保户数</span>
        <span>本年担保笔数</span>
      </div>
      <div class="data">
        <span> 1000</span>
        <span>100</span>
        <span>150</span>
      </div>
      <div class="title">
        <span>在保余额(元)</span>
        <span>本年在保户数</span>
        <span>在保笔数</span>
      </div>
      <div class="data">
        <span> 1000</span>
        <span>100</span>
        <span>150</span>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  components: {},
  data() {
    return {
      tableData: [
        { title: "你好我好大家好", sj: "2019.09.11" },
        { title: "你好我好大家好", sj: "2019.09.11" },
        { title: "你好我好大家好", sj: "2019.09.11" },
        { title: "你好我好大家好", sj: "2019.09.11" }
      ]
    };
  },
  computed: {},
  mounted() {},
  methods: {},
  created() {}
};
</script>
<style lang="scss"  scoped>
.table{
  .title,.data{
    line-height: 30px;
    display: flex;
    justify-content: space-around;
  }
  .title{
    color:#666;
    // font-weight: 700;
  }
  .data{
    color: rgb(255, 128, 9)
  }
}
</style>
